<template>
	<view class="list">
		<view class="listitem" v-for="(item,index) in arr">
			<view>
				<view><view style="font-weight: 900;">{{item.name}}</view><view style="color: #F29100;">{{item.consume}}</view></view>
				<view><view>{{item.time}}</view><view>余额：<text style="display: inline-block; width: 60rpx;">{{item.money}}</text></view></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:[
					{
						name:"充值",
						time:"4月1日9:35",
						consume:'+98',
						money:"99.38"
					},
					{
						name:"消费",
						time:"4月1日9:35",
						consume:'-52',
						money:"1.38"
					},
					{
						name:"积分",
						time:"4月1日9:35",
						consume:'+22',
						money:"22"
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {
			background-color: #f5f5f5;
		}
		.listitem{
			background-color: #FFFFFF;
			margin-top: 4rpx;
		}
		.listitem>view{
			width: 90%;
			margin: 0 auto;
			height: 140rpx;
			font-size: 34rpx;
		}
		.listitem>view>view{
			display: flex;
			justify-content: space-between;
		}
		.listitem>view>view:nth-child(1){
			padding-top: 20rpx;
		}
		.listitem>view>view:nth-child(2){
			margin-top: 20rpx;
		}
</style>
